/** 
 * general.css
 *
 * Contains CSS for the entire project. If I were a good person, I'd break this up into separate
 * pages for each of the different JSP pages needing CSS. I'm not that person.
 *
 * Also, I just wrote a javadoc for a css page. Chew on that one.
 *
 * @author Chris
 */

/* CSS for general page layouts and display */
h1 {
	font-family: "Impact", Times, serif;
	text-transform: uppercase;
	color: #000000;
	font-size: 250%;
	padding-left: 24px;
	height: 24px;
	text-shadow: #FFFFFF 0 0 0.3em
}

/* START KURT ADDITIONS */

div#formAlign {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:40px;
	}
	
	
#settingsTableAlign {
	width:500px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px 15px;
	}
	
div#goalsAlignCenter {
	padding-left: auto;
	padding-right: auto;
	}
	
table.icongrid {
	text-align: center;
}

.icongrid td {
	width: 200px;
	}

div#container2 {
	margin: 20px auto;	
	width: 450px;
	height: 300px;
	}
	
	
table#settingsTable {
	width:500px;
	border: none;
	font-size:24px;
	text-align:left;
	padding-left: 40px;
	}
	
#settingsTable img {
	width: 100px;
	height: 100px;
	border: none;
	}

.icongrid img {
	width: 100px;
	height: 100px;
	border: none;
}

div.alignLeft {
	text-align: left;
}

div.alignRight {
	text-align: right;
}

/* END KURT ADDITIONS */

h2 {
	font-size: 1.5em;	
}

a:link {
	color: #9999FF;
}

a:visited {
	color: #BB99FF;
}

div#container {
	width: 500px;
	min-height: 650px;
	padding: 15px 15px;
	margin: 40px auto;
	text-align: center;
	background: rgb(50, 50, 50);
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}

div#container table.icongrid {
	margin: 0px auto;
}

div#container img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div.navbackground {
	height: 57px;
	width: 500px;
}

.clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}

body {
	background-image: url("/crossfit/img/diamondplatebackground.jpg");
	font: 16px Helvetica, Arial, Sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

ul {
	text-align: left;
	font-style: italic;
	
}
/* CSS for the Navbar */
div.navbackground {
	height: 57px;
	width: 500px;
}

a.navbutton {
	background: transparent url('/crossfit/img/button_stretch.png')
		no-repeat scroll top right;
	color: #444;
	display: block;
	float: left;
	font: bold 18px Helvetica, Arial, Sans-serif;
	text-shadow: 0 -1px #1d1d1d;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	height: 57px;
	margin-right: 6px;
	padding-right: 27px; /* sliding doors padding */
	padding-left: 5px;
	text-decoration: none;
}

a.navbutton span {
	background: transparent url('/crossfit/img/button_bg.png') no-repeat;
	width: 100px;
	display: block;
	line-height: 47px;
	padding: 5px 0 5px 27px;
}

a.navbutton:active {
	background-position: bottom right;
	color: #000;
	outline: none; /* hide dotted outline in Firefox */
}

a.navbutton:active span {
	background-position: bottom left;
	padding: 6px 0 4px 18px; /* push text down 1px */
}

/* CSS for groupings of icons, like on the home page */


/* CSS for the datatable outputting PR's in benchmarks.jsp */
table.datatableheader {
	background-color: #CCCCCC;
	/* for IE */
	filter: alpha(opacity =   60);
	/* CSS3 standard */
	opacity: 0.6;
	font: 16px Lucida Sans, Sans-serif;
	color: #000000;
	width: 500px;
	cellpadding: 0;
	cellspacing: 0;
}

table.datatable {
	font: 16px Lucida Sans, Sans-serif;
	color: #000000;
	width: 500px;
	cellpadding: 0;
	cellspacing: 0;
}

div.datatableframe {
	background-color: #CCCCCC;
	/* for IE */
	filter: alpha(opacity =   60);
	/* CSS3 standard */
	opacity: 0.6;
	overflow-x: hidden;
	overflow-y: auto;
	height: 600px;
	width: 500px;
}

tr.datatablealt {
	background-color: #DDDDDD;
}

div#alignleft {
	text-align: left;
}

table#report {
	margin-left: auto;
	margin-right: auto;
}
a.friendsView {
	color: darkblue;
	text-decoration: underline;
}
